<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<link rel="shortcut icon" href="images/content/favicon.ico" />
<meta http-equiv="Content-Script-Type" content="text/javascript" /> 

<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="title" content="" />
<meta name="description" content="" />
<title>Union Corp</title>
<link rel="shortcut icon" href="./images/favicon.ico" />
<!-- ////////////////////////////////// -->
<!-- //      Start Stylesheets       // -->
<!-- ////////////////////////////////// -->
<link href="./styles/style.css" rel="stylesheet" type="text/css" media="screen" />
<link href="./styles/color.css" rel="stylesheet" type="text/css" media="screen" />
<link href="./styles/inner.css" rel="stylesheet" type="text/css" media="screen" />
<!-- ////////////////////////////////// -->
<!-- //      Javascript Files        // -->
<!-- ////////////////////////////////// -->
<script type="text/javascript" src="./js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="./js/hoverIntent.js"></script> 
<script type="text/javascript" src="./js/superfish.js"></script> 
<script type="text/javascript" src="./js/supersubs.js"></script>
<script type="text/javascript" src="./js/contact.js"></script>

<script type="text/javascript">
jQuery(document).ready(function(){
	//Menu
	jQuery("ul.sf-menu").supersubs({ 
	minWidth		: 12,		// requires em unit.
	maxWidth		: 27,		// requires em unit.
	extraWidth		: 1		// extra width can ensure lines don't sometimes turn over due to slight browser differences in how they round-off values
						   // due to slight rounding differences and font-family 
	}).superfish();  // call supersubs first, then superfish, so that subs are 
					 // not display:none when measuring. Call before initialising 
					 // containing tabs for same reason. 
});
</script>

<meta charset="UTF-8"></head>
<body>

<div id="wrapper">
    <div id="wrapper-top">
    	<div class="container">
        	<div class="twelve columns">
                <div id="top">
                    <div id="topsearch">
                     <form method="post" action="#">
                        <div><input type="text" class="inputbox" value="Type Search..." onblur="if (this.value == ''){this.value = 'Type Search...'; }" onfocus="if (this.value == 'Type Search...') {this.value = ''; }" /></div>
                    </form>
                    </div>
                    <div id="logo"><a href="./index.html"><img src="./images/logo.png" alt="" /></a></div>
                </div>
                <div id="nav">
                    <ul id="topnav" class="sf-menu">
                        <li><a href="./index.html">Home</a></li>
                        <li><a href="./about.html">About Us</a>
                        	<ul>
                                <li><a href="./about.html">About Page</a></li>
                                <li><a href="./typography.html">Typography</a></li>
                                <li><a href="./single.html">Blog Detail</a></li>
                                <li><a href="#">Dropdown</a>
                                	<ul>
                                        <li><a href="#">Example Dropdown Menu</a></li>
                                        <li><a href="#">Example Dropdown Menu</a></li>
                                        <li><a href="#">Example Dropdown Menu</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li><a href="./services.html">Services</a></li>
                        <li><a href="./portfolio.html">Portfolio</a></li>
                        <li><a href="./blog.html">Blog</a></li>
                        <li><a href="./contact.html" class="current">Contacts</a></li>
                    </ul><!-- #topnav -->
                </div><!-- #nav -->	
            </div>
        </div><!-- .container -->
    </div><!-- end #wrapper-top -->	
    <div id="wrapper-content">
    	<div class="container">
        	<div class="twelve columns">
                <div id="content" class="inner">
                	
                    <div class="eight columns alpha">
                    	<h1 class="pagetitle">Get in touch!</h1>
                        <p>Sed facilisis felis vel purus egestas a sollicitudin nunc euismod. Maecenas consequat libero mattis nisl fringilla pretium. Aenean faucibus, erat bibendum volutpat hendrerit, lectus metus gravida sapien, vel malesuada lorem erat a ipsum. Sed porta fermentum pellentesque. Nullam feugiat leo id magna rhoncus vel aliquet tellus elementum.</p>
                        <div id="contactform">
						  <form id="contact" action="">
							<fieldset>
							  <label for="name" id="name_label">Name <br /></label>
							  <input type="text" name="name" id="name"  value="" class="text-input" />
							  <label for="email" id="email_label">E-mail<br /></label>
							  <input type="text" name="email" id="email"  value="" class="text-input" />
							  <label for="msg" id="msg_label">Message</label>
							 <textarea cols="60" rows="10" name="msg" id="msg" ></textarea> <br class="clear" />
							  <input type="submit" name="submit" class="button" id="submit_btn" value="Send Message"/>
							</fieldset>
						  </form>
						  <br class="clear" />
						  <span class="error" id="name_error">Please enter name !</span>
						  <span class="error" id="email_error">Please enter email address !</span>
						  <span class="error" id="email_error2">Please enter valid email address !</span>
						  <span class="error" id="msg_error">Please enter message !</span>
                        </div><!-- end #contactform -->
                        
                        <div class="clear"></div>
                    </div>
                    
                    <div class="four columns omega">
                    	<div id="sidebar">
                        	<ul>
                            	<li class="widget-container">
                                	<h2 class="widget-title">Our Address</h2>
                                    <div class="textwidget">
                                    <strong>Address Info</strong><br />
                                    1234 Address City, TS 56789<br />
                                    City, Country<br />
                                    Telp : +01 2345 678<br/>
                                    Fax  : +01 2345 679
                                    </div>
                                </li>
                                <li class="widget-container">
                                    <h2 class="widget-title">Our Location</h2>
                                    <div class="textwidget">
                                    <iframe width="255" height="255" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Jalan+Kemanggisan+Utama,+Jakarta,+Indonesia&amp;sll=37.0625,-95.677068&amp;sspn=46.092115,79.013672&amp;ie=UTF8&amp;hq=&amp;hnear=Jalan+Kemanggisan+Utama,+Jakarta+Barat,+Jakarta,+Indonesia&amp;ll=-6.189793,106.7908&amp;spn=0.016639,0.034246&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Jalan+Kemanggisan+Utama,+Jakarta,+Indonesia&amp;sll=37.0625,-95.677068&amp;sspn=46.092115,79.013672&amp;ie=UTF8&amp;hq=&amp;hnear=Jalan+Kemanggisan+Utama,+Jakarta+Barat,+Jakarta,+Indonesia&amp;ll=-6.189793,106.7908&amp;spn=0.016639,0.034246&amp;z=14&amp;iwloc=A" style="text-align:left; color:#555">View Larger Map</a></small>

                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                
                	<div class="clear"></div>
                </div><!-- #content -->	
            </div>
        </div>
    </div><!-- end #wrapper-content -->
    <div id="wrapper-footer">
    	<div class="container">
        	<div class="twelve columns">
                <div id="footer_text">
                	Copyright &copy;2011 Union Corp.  All Rights Reserved
                </div>
            </div>
        </div>
    </div><!-- end #wrapper-footer -->	
</div><!-- end #wrapper -->	

</body>
</html>
